{% extends "personal_center/user-base.html" %}
{% block page_link %}
    <script src="../../static/stand_inside_letter/js/stant-draft.js"></script>
{% endblock %}


{% block style %}

{% endblock %}


{% block page_search %}
    <div style="width: 10%;margin-left: 2%;height: 100%;" id="select-div">
        <select class="form-control" id="validationCustom04" style="font-size: 13px;height: 50%;background: #ceebee;">
            <option selected:disabled style="display: none;">查询条件</option>
            <option>编号</option>
            <option>标题</option>
            <option>类型</option>
            <option>平台</option>
            <option>创建日期</option>
        </select>
    </div>
    <div class="iq-search-bar">
        <form action="#" class="searchbox">
            <input id="input_id" type="date" class="text search-input" placeholder="请输入关键词">
            <a class="search-link" href="#"><i class="ri-search-line"></i></a>
        </form>
    </div>
{% endblock %}


{% block page_body %}
    <div class="container-fluid" style="height: 95%;">

        <div class="iq-card" style="height: 100%;">
            <div class="iq-card-header d-flex justify-content-between">
                <div class="iq-header-title">
                    <h4 class="card-title">草稿箱</h4>
                </div>
            </div>

            <div class="iq-card-body" style="height: 100%;">

                <div style="height: 75%;overflow: auto;">
                    <table class="table">
                        <thead>
                        <tr style="background: #E8E8E8;color: #696969;">
                            <th scope="col">编号</th>
                            <th scope="col">标题</th>
                            <th scope="col">收信人</th>
                            <th scope="col">创建日期</th>
                            <th scope="col">操作</th>
                        </tr>
                        </thead>
                        <tbody style="overflow: auto">
                        <tr>
                            <td>A20210101</td>
                            <td>这是一条站内信</td>
                            <td>XXX</td>
                            <td>2021-01-01</td>
                            <td><span style="cursor: pointer;"><a href="email-compose.html">编辑</a></span> | <span
                                    style="cursor: pointer;color: red">删除</span></td>
                        </tr>
                        <tr>
                            <td>A20210102</td>
                            <td>这是一条站内信</td>
                            <td>xxx</td>
                            <td>2021-01-01</td>
                            <td><span style="cursor: pointer;"><a href="email-compose.html">编辑</a></span> | <span
                                    style="cursor: pointer;color: red">删除</span></td>
                        </tr>
                        <tr>
                            <td>A20210103</td>
                            <td>这是一条站内信</td>
                            <td>xxx</td>
                            <td>2021-01-01</td>
                            <td><span style="cursor: pointer;"><a href="email-compose.html">编辑</a></span> | <span
                                    style="cursor: pointer;color: red">删除</span></td>
                        </tr>
                        <tr>
                            <td>A20210104</td>
                            <td>这是一条站内信</td>
                            <td>xxx</td>
                            <td>2021-01-01</td>
                            <td><span style="cursor: pointer;"><a href="email-compose.html">编辑</a></span> | <span
                                    style="cursor: pointer;color: red">删除</span></td>
                        </tr>
                        <tr>
                            <td>A20210104</td>
                            <td>这是一条站内信</td>
                            <td>xxx</td>
                            <td>2021-01-01</td>
                            <td><span style="cursor: pointer;"><a href="email-compose.html">编辑</a></span> | <span
                                    style="cursor: pointer;color: red">删除</span></td>
                        </tr>
                        <tr>
                            <td>A20210104</td>
                            <td>这是一条站内信</td>
                            <td>xxx</td>
                            <td>2021-01-01</td>
                            <td><span style="cursor: pointer;"><a href="email-compose.html">编辑</a></span> | <span
                                    style="cursor: pointer;color: red">删除</span></td>
                        </tr>
                        <tr>
                            <td>A20210104</td>
                            <td>这是一条站内信</td>
                            <td>xxx</td>
                            <td>2021-01-01</td>
                            <td><span style="cursor: pointer;"><a href="email-compose.html">编辑</a></span> | <span
                                    style="cursor: pointer;color: red">删除</span></td>
                        </tr>
                        <tr>
                            <td>A20210104</td>
                            <td>这是一条站内信</td>
                            <td>xxx</td>
                            <td>2021-01-01</td>
                            <td><span style="cursor: pointer;"><a href="email-compose.html">编辑</a></span> | <span
                                    style="cursor: pointer;color: red">删除</span></td>
                        </tr>
                        <tr>
                            <td>A20210104</td>
                            <td>这是一条站内信</td>
                            <td>xxx</td>
                            <td>2021-01-01</td>
                            <td><span style="cursor: pointer;"><a href="email-compose.html">编辑</a></span> | <span
                                    style="cursor: pointer;color: red">删除</span></td>
                        </tr>
                        <tr>
                            <td>A20210104</td>
                            <td>这是一条站内信</td>
                            <td>xxx</td>
                            <td>2021-01-01</td>
                            <td><span style="cursor: pointer;"><a href="email-compose.html">编辑</a></span> | <span
                                    style="cursor: pointer;color: red">删除</span></td>
                        </tr>
                        <tr>
                            <td>A20210104</td>
                            <td>这是一条站内信</td>
                            <td>xxx</td>
                            <td>2021-01-01</td>
                            <td><span style="cursor: pointer;"><a href="email-compose.html">编辑</a></span> | <span
                                    style="cursor: pointer;color: red">删除</span></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        </tbody>
                    </table>

                </div>
                <nav aria-label="Page navigation example" style="margin-top: 2%;">
                    <ul class="pagination mb-0">
                        <li class="page-item">
                            <a class="page-link" href="#" aria-label="Previous">
                                <span aria-hidden="true">&laquo;</span>
                            </a>
                        </li>
                        <li class="page-item"><a class="page-link" href="#">1</a></li>
                        <li class="page-item">
                            <a class="page-link" href="#" aria-label="Next">
                                <span aria-hidden="true">&raquo;</span>
                            </a>
                        </li>
                    </ul>
                </nav>
            </div>


        </div>

    </div>
{% endblock %}



{% block script %}

{% endblock %}
